From 0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sun, 8 Oct 2023 00:17:32 -0700
Subject: payments fixes

---
 .../[username]/settings/[...tab]/+page.svelte      |  4 ++-
 .../[username]/settings/[...tab]/_account.svelte   | 36 ++++++++++++----------
 .../(app)/[username]/settings/[...tab]/_pos.svelte |  4 ++-
 .../[username]/settings/[...tab]/_security.svelte  |  6 ++--
 4 files changed, 29 insertions(+), 21 deletions(-)

(limited to 'src/routes/(app)/[username]/settings')

diff --git a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
index 842c2eba..762e836e 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
@@ -138,7 +138,9 @@
 		<div class="font-bold flex justify-around items-center border-b pb-3 text-secondary">
 			{#each tabs.filter((t) => t.name !== 'shopify') as { name, key }}
 				<a href={`/${user.username}/settings/${name}`}>
-					<button class="hover:opacity-80" class:text-black={tab === name || (tab === "shopify" && name === "pos")}
+					<button
+						class="hover:opacity-80"
+						class:text-black={tab === name || (tab === 'shopify' && name === 'pos')}
 						>{$t(`user.settings.${key}`)}</button
 					>
 				</a>
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
index 34399ad5..47c4c4c6 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
@@ -64,28 +64,32 @@
 
 	$: url = `${$page.url.host}/${user.username}`;
 	$: full = `${$page.url.protocol}//${url}`;
-  $: addr = `${user.username}@${$page.url.host}`;
+	$: addr = `${user.username}@${$page.url.host}`;
 </script>
 
 <div>
 	<label for="username" class="font-bold mb-1 block">{$t('user.settings.username')}</label>
 	<div class="flex mb-2">
-    <input
-      type="text"
-      name="username"
-      bind:value={user.username}
-      class="border-r-0 rounded-r-none w-auto min-w-0 pr-1 grow"
-      />
-      <div class="text-gray-600 p-4 my-auto bg-gray-100 border border-r-0 pl-1">@{$page.url.host}</div>
-		<div class="text-gray-600 border-l-0 bg-gray-100 rounded-r-2xl p-4 my-auto border w-16" >
-      <a href={`/qr/${encodeURIComponent(addr)}`}>
-        <Icon icon="qr" style="invert" />
-      </a>
+		<input
+			type="text"
+			name="username"
+			bind:value={user.username}
+			class="border-r-0 rounded-r-none w-auto min-w-0 pr-1 grow"
+		/>
+		<div class="text-gray-600 p-4 my-auto bg-gray-100 border border-r-0 pl-1">
+			@{$page.url.host}
+		</div>
+		<div class="text-gray-600 border-l-0 bg-gray-100 rounded-r-2xl p-4 my-auto border w-16">
+			<a href={`/qr/${encodeURIComponent(addr)}`}>
+				<Icon icon="qr" style="invert" />
+			</a>
 		</div>
 	</div>
 
 	<div class="flex mb-2">
-    <div class="text-gray-600 rounded-l-2xl p-4 my-auto border bg-gray-100 pr-1">{$page.url.host}/</div>
+		<div class="text-gray-600 rounded-l-2xl p-4 my-auto border bg-gray-100 pr-1">
+			{$page.url.host}/
+		</div>
 		<input
 			type="text"
 			name="username"
@@ -93,9 +97,9 @@
 			class="grow border-l-0 rounded-l-none border-r-0 rounded-r-none w-auto pl-1 min-w-0"
 		/>
 		<div class="text-gray-600 rounded-r-2xl p-4 my-auto border bg-gray-100 w-16">
-      <a href={`/qr/${encodeURIComponent(full)}`}>
-        <Icon icon="qr" style="invert" />
-      </a>
+			<a href={`/qr/${encodeURIComponent(full)}`}>
+				<Icon icon="qr" style="invert" />
+			</a>
 		</div>
 	</div>
 </div>
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
index ef5b7869..057d8c20 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
@@ -33,7 +33,9 @@
 </div>
 
 <a href="./shopify">
-	<button class="flex rounded-full border py-2 px-4 font-bold hover:opacity-80 w-full gap-2 my-5 justify-center">
+	<button
+		class="flex rounded-full border py-2 px-4 font-bold hover:opacity-80 w-full gap-2 my-5 justify-center"
+	>
 		<img src="/icons/shopify.svg" class="w-8" />
 		<div class="my-auto">Shopify Integration</div>
 	</button>
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
index a08785f6..c01db734 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
@@ -52,12 +52,12 @@
 		return true;
 	};
 
-let disablingPin = false;
+	let disablingPin = false;
 
 	let togglePin = async () => {
 		if (user.haspin) {
 			try {
-        disablingPin = true;
+				disablingPin = true;
 				await tick();
 				submit.click();
 			} catch (e) {
@@ -122,7 +122,7 @@ let disablingPin = false;
 	};
 </script>
 
-<input type="hidden" name="newpin" value={disablingPin ? "delete" : pin} />
+<input type="hidden" name="newpin" value={disablingPin ? 'delete' : pin} />
 <input type="hidden" name="confirm" bind:value={password} />
 
 <div class="relative mb-5">
-- 
cgit v1.2.3